發送請求參數

扫一扫
分享文章到微信
扫一扫
关注官方公众号
至顶头条

本文以簡單的實例示範如何以GET及POST發送請求參數。

作者：良葛格来源：CSDN 2008年2月12日

如果在請求時，要連帶發送相關參數，若是使用GET的方式發送參數，則將參數附加在URL上即可，例如：

var urlAndqueryString = "yourApp?name=justin&age=30";
xmlHttp.open("GET", urlAndqueryString);
xmlHttp.send(null);

如果發送請求時使用POST，那麼將要發送的資料塞到send()中即可，例如：

var url = "yourApp";
var queryString = "name=justin&age=30";
xmlHttp.open(“POST", url);
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlHttp.send(queryString);

由於塞到POST本體中的資料有可能是表單的name/value，也有可能是XML、JSON 等格式，您必須告訴伺服端如何剖析表單本體內容，這可以設定Content-Type的header來告知，以name/value或JSON格式來說，就要設定Content-Type為application/x-www-form-urlencoded，如果是XML文件的話，則要設定text/xml。

以下以簡單的實例示範如何以GET及POST發送請求參數，假設您用以下的Servlet來處理請求：

GetPostServlet.java

package onlyfun.caterpillar;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class GetPostServlet extends javax.servlet.http.HttpServlet implements
        javax.servlet.Servlet {
    public GetPostServlet() {
        super();
    }

    protected void doGet(HttpServletRequest request,
            HttpServletResponse response) throws ServletException, IOException {
        doResponse(request, response, "GET");
    }

    protected void doPost(HttpServletRequest request,
            HttpServletResponse response) throws ServletException, IOException {
        doResponse(request, response, "POST");
    }

    private void doResponse(HttpServletRequest request,
            HttpServletResponse response, String method)
            throws ServletException, IOException {
        String name = request.getParameter("name");

        response.setContentType("text/html");
        PrintWriter out = response.getWriter();

        out.println(method + ": Hello!" + name + "!");

        out.flush();
        out.close();
    }
}

回應只是簡單的傳回發送的請求參數值，並加上GET或POST表示接收到何種請求，假設您使用以下的網頁來發送請求：

GETPOSTEx-1.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<title>GET、POST</title>
<script type="text/javascript" src="GETPOSTEx-1.js"></script>
</head>
<body>
    <input id="namefield" type="text" name="name"/>
    <input value="GET" type="button" onclick="doGetRequest();"/>
    <input value="POST" type="button" onclick="doPostRequest();"/>
    <br>
    <div id="response"></div>
</body>
</html>

網頁上分別有GET與POST兩個按鈕，按下後分別由GETPOSTEx-1.js中的doGetRequest()或doPostRequest()來發送GET、POST請求，假設GETPOSTEx-1.js撰寫如下：

GETPOSTEx-1.js

var xmlHttp;

function createXMLHttpRequest() {
    if(window.XMLHttpRequest) {
        xmlHttp = new XMLHttpRequest();
    }
    else if(window.ActiveXObject) {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
}

function createQueryString() { // 建立請求參數
    return "name=" + document.getElementById("namefield").value; // 取得文字方塊值
}

function doGetRequest() {
    var url = "GetPostServlet?" + createQueryString();
    createXMLHttpRequest();
    xmlHttp.onreadystatechange = handleStateChange;
    xmlHttp.open("GET", url);
    xmlHttp.send(null);
}

function doPostRequest() {
    var url = "GetPostServlet?timeStamp=" + new Date().getTime(); // 避免快取
    createXMLHttpRequest();
    xmlHttp.onreadystatechange = handleStateChange;
    xmlHttp.open("POST", url);
    xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xmlHttp.send(createQueryString());
}

function handleStateChange() {
    if(xmlHttp.readyState == 4) {
        if(xmlHttp.status == 200) {
            document.getElementById("response").innerHTML =
                xmlHttp.responseText;
        }
    }
}

由於POST時，網址URL並不會有所變化，在某些瀏覽器，如果請求的URL是相同的，則會利用快取中的資料，為了避免資料快取，則您可以故意加上一個timeStamp請求參數，附上當時系統的時間，如此每次請求時URL就不會相同。

完成以上程式後，在網頁文字方塊中輸入"Justin"並按下GET按鈕，則會傳回"GET: Hello!Justin!"並顯示在網頁上，按下POST按鈕，則會傳回"POST: Hello!Justin!"並顯示在網頁上。

查看本文来源

發送請求參數

發送請求參數

VIP专区

VIP用户

普通用户

闂傚倸鍊搁崐鎼佸磹妞嬪孩顐介柨鐔哄Т閻骞栧ǎ顒€濡肩紒鎰殜閺岋繝宕堕埡浣锋睏闂佸搫顑呴柊锝夊蓟閺囷紕鐤€閻庯綆浜炴禒鐐節濞堝灝鐏犻柕鍫熸倐瀵寮撮敍鍕澑闁诲函缍嗘禍鏍磻閹捐鍐€妞ゆ挶鍔庣粙蹇涙⒑鐠恒劌娅愰柟鍑ゆ嫹

婵犵數濮烽弫鍛婃叏閻戝鈧倹绂掔€ｎ亞鍔﹀銈嗗坊閸嬫捇鏌涢悢閿嬪仴闁糕斁鍋撳銈嗗坊閸嬫挾绱撳鍜冭含妤犵偛鍟灒閻犲洩灏欑粣鐐烘⒑瑜版帒浜伴柛鎾寸洴閹儳煤椤忓應鎷洪梻鍌氱墛閸楁洟宕奸妷銉ф煣濠电姴锕ょ€氼參宕ｈ箛鏃傜瘈濠电姴鍊绘晶娑㈡煕鐎ｃ劌濡介柕鍥у瀵粙濡歌閳ь剚甯￠弻鐔兼寠婢跺﹥娈婚梺鍝勭灱閸犳牠骞冨⿰鍫濈厸闁稿本绋撹ぐ瀣煟鎼淬値娼愭繛鍙壝悾婵堢矙鐠恒劍娈鹃梺鍓插亝濞叉牠鎮″☉銏＄厱閻忕偛澧介惌瀣箾閸喐鍊愭慨濠勭帛閹峰懐绮电€ｎ亝鐣伴梻浣规偠閸斿宕￠崘鑼殾闁靛繈鍊曢崘鈧銈嗗姂閸庡崬鐨梻鍌欑劍鐎笛呯矙閹寸姭鍋撳鐓庡籍鐎规洑鍗冲畷鍗炍熼梹鎰泿闂備線娼ч悧鍡涘箠鎼淬垺鍙忔い鎺嗗亾闁宠鍨块崺銉╁幢濡炲墽鍑规繝鐢靛О閸ㄦ椽鏁嬮柧鑽ゅ仦娣囧﹪濡堕崨顔兼闂佺ǹ顑呴崐鍦崲濞戙垹骞㈡俊顖濐嚙绾板秹鏌ｆ惔銏ｅ妞わ妇鏁诲璇差吋閸偅顎囬梻浣告啞閹搁箖宕版惔顭戞晪闁挎繂顦介弫鍡椼€掑顒婂姛闁活厽顨嗙换娑㈠箻閺夋垹鍔伴梺绋款儐閹瑰洭寮婚敐鍛婵炲棙鍔曠壕鎶芥⒑閸濆嫭婀扮紒瀣灴閸╃偤骞嬮敃鈧婵囥亜閺囩偞鍣洪柍璇诧功缁辨捇宕掑▎鎴濆濡炪們鍔岄幊姗€骞嗗畝鍕＜闁绘劙娼х粊锕傛煙閸忚偐鏆橀柛鏂跨焸閹偤宕归鐘辩盎闂佸湱鍎ら崹鐢割敂閳哄懏鍊垫慨姗嗗墻濡插綊鏌曢崶褍顏€殿喕绮欐俊姝岊槼闁革絻鍎崇槐鎾存媴缁涘娈┑鈽嗗亝缁诲牆顕ｆ繝姘亜缁炬媽椴搁弲锝夋偡濠婂啰效闁诡喗锕㈤幊鐘活敆閸屾粣绱查梺鍝勵槸閻楀嫰宕濇惔锝囦笉闁绘劗鍎ら悡娑㈡倶閻愯泛袚闁哥姵锕㈤弻鈩冩媴閻熸澘顫掗悗瑙勬礈閸犳牠銆佸鈧幃鈺呮惞椤愩倝鎷婚梻鍌氬€峰ù鍥х暦閸偅鍙忛柟鎯板Г閳锋梻鈧箍鍎遍ˇ顖炲垂閸岀偞鐓㈡俊顖滃皑缁辨岸鏌ㄥ┑鍡╂Ц缂佲偓鐎ｎ偁浜滈柡宥冨妿閳藉绻涢崼鐔虹煉婵﹨娅ｅ☉鐢稿川椤斾勘鈧劕顪冮妶搴′簼婵炶尙鍠栧畷娲焵椤掍降浜滈柟鍝勬娴滈箖姊洪幐搴㈢┛濠碘€虫搐鍗遍柟鐗堟緲缁秹鏌涢锝囩畼妞ゆ挻妞藉铏圭磼濡搫顫岄悗娈垮櫘閸撴瑨鐏冮梺鍛婁緱閸犳岸宕㈤幖浣光拺闁告挻褰冩禍浠嬫煕鐎ｎ亜顏柟顔斤耿閺佸啴宕掑☉姘箞闂佽鍑界紞鍡涘磻閸℃ɑ娅犳い鎺戝€荤壕濂告煕鐏炲墽鈽夌紒妞﹀洦鐓欓柣鐔告緲椤忣參鏌熼悡搴㈣础闁瑰弶鎸冲畷鐔兼濞戞瑦鐝￠梻鍌氬€搁崐椋庣矆娓氣偓楠炴牠顢曢妶鍌氫壕婵ê宕崢瀵糕偓瑙勬礀缂嶅﹪寮婚崱妤婂悑闁告侗鍨界槐閬嶆煟鎼达紕鐣柛搴ㄤ憾钘濆ù鍏兼綑绾捐法鈧箍鍎遍ˇ浼存偂閺囥垺鐓涢柛銉ｅ劚婵＄厧顭胯閸ㄤ即婀侀梺缁樓圭粔顕€顢旈崼鐔虹暢闂傚倷鐒︾€笛呮崲閸屾娑樜旈崨顓犲幒闂佸搫娲㈤崹娲偂閸愵亝鍠愭繝濠傜墕缁€鍫熸叏濡寧纭鹃柦鍐枛閺屾洘绻涜鐎氱兘宕戦妸鈺傗拺缂備焦锚婵洦銇勯弴銊ュ籍闁糕斂鍨藉鎾閳ユ枼鍋撻悽鍛婄叆婵犻潧妫楅埀顒傛嚀閳诲秹宕堕妸锝勭盎闂婎偄娲︾粙鎰板箟妤ｅ啯鐓涢悘鐐靛亾缁€瀣偓瑙勬礋娴滃爼銆佸鈧幃銏＄附婢跺澶�

重磅专题

往期文章

發送請求參數

业界热点: